<!DOCTYPE html>
<html lang="zh" class="no-js">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>createCrad</title>
        <script src="http://localhost:8080/nchkkjxy/theame/js/modernizr-custom.js"></script>
        <script src="http://localhost:8080/nchkkjxy/theame/js/jquery-3.6.0.js"></script>
        <link rel="stylesheet" type="text/css" href="http://localhost:8080/nchkkjxy/theame/css/createCard.css">
    </head>
    <body>
    <!--<div style="text-align:center;clear:both">-->
    <!--</div>-->

        <div class="appover-box">
            <div class='top'>
                您选择的是：<br/>&nbsp;&nbsp;&nbsp;&nbsp;
                <span></span>
                <p>...</p>
                <div class="_card"></div>
            </div>
            <div class="sure-btn-box">
                <input type="button" value="就这样" class="sure_this_card">
            </div>
        </div>
        <div class="container">

            <div class="content color-6">
                <h2 class="content__title">xjh</h2>
                <ul id="stack_mawar" class="stack stack--mawar">
                    <li class="stack__item">
                        <img src="http://localhost:8080/nchkkjxy/createCardType/8.png" alt="Tree 8" />
                        <span>普通卡</span>
                        <p>任何人都能申请！充多少用多少，开心使用每一天！</p>
                        <p><font class="count-icon"></font>折扣：<font class="count" style="color: var(--sub_color);font-size: 14px;font-weight: 400;">1 </font>折起</p>
                        <p><font class="rule-icon"></font>使用限制&nbsp;&nbsp;<font style="color:crimson;font-size: 15px;">任何人</font></p>
                    </li>
                    <li class="stack__item">
                        <img src="http://localhost:8080/nchkkjxy/createCardType/2.png" alt="Tree 2" />
                        <span>学生卡</span>
                        <p>学生福利！祖国的花朵，家庭的未来，你们值得期待！</p>
                        <p><font class="count-icon"></font>折扣：<font class="count" style="color: var(--sub_color);font-size: 14px;font-weight: 400;"> 0.6 </font>折起</p>
                        <p><font class="rule-icon"></font>使用限制&nbsp;&nbsp;<font style="color:crimson;font-size: 15px;">儿童、在校中小学生、大学生、研博生</font></p>
                    </li>
                    <li class="stack__item">
                        <img src="http://localhost:8080/nchkkjxy/createCardType/4.png" alt="Tree 4" />
                        <span>军人卡</span>
                        <p>从军国荣！军人优先！军人依法享受优惠政策！</p>
                        <p><font class="count-icon"></font>折扣：<font class="count" style="color: var(--sub_color);font-size: 14px;font-weight: 400;">0.5 </font>折起</p>
                        <p><font class="rule-icon"></font>使用限制&nbsp;&nbsp;<font style="color:crimson;font-size: 15px;">参军及退伍在伍人员</font></p>
                    </li>
                    <li class="stack__item">
                        <img src="http://localhost:8080/nchkkjxy/createCardType/7.png" alt="Tree 7" />
                        <span>残疾卡</span>
                        <p>关爱弱势群体是我们每个人的社会责任！点点滴滴更暖心！</p>
                        <p><font class="count-icon"></font>折扣：<font class="count" style="color: var(--sub_color);font-size: 14px;font-weight: 400;">0.6 </font>折起</p>
                        <p><font class="rule-icon"></font>使用限制&nbsp;&nbsp;<font style="color:crimson;font-size: 15px;">残疾人包括健康状况不佳的人</font></p>
                    </li>
                    <li class="stack__item">
                        <img src="http://localhost:8080/nchkkjxy/createCardType/6.png" alt="Tree 6" />
                        <span>VIP卡</span>
                        <p>Very Importent Personnel！您,是我们的上帝！</p>
                        <p><font class="count-icon"></font>折扣：<font class="count" style="color: var(--sub_color);font-size: 14px;font-weight: 400;">0.8 </font>折起</p>
                        <p><font class="rule-icon"></font>使用限制&nbsp;&nbsp;<font style="color:crimson;font-size: 15px;">在平台办理了vip的客户</font></p>
                    </li>
                    <li class="stack__item">
                        <img src="http://localhost:8080/nchkkjxy/createCardType/1.png" alt="Tree 1" />
                        <span>老年卡</span>
                        <p>夕阳无限好，恰如当年青春时！</p>
                        <p><font class="count-icon"></font>折扣：<font class="count" style="color: var(--sub_color);font-size: 14px;font-weight: 400;">0.6 </font>折起</p>
                        <p><font class="rule-icon"></font>使用限制&nbsp;&nbsp;<font style="color:crimson;font-size: 15px;">65岁以上中老年人</font></p>
                    </li>
                </ul>
                <div class="controls">
                    <button class="button button--sonar button--reject" data-stack="stack_mawar"><i class="fa fa-times"></i><span class="text-hidden">Reject</span></button>
                    <button class="button button--sonar button--accept" data-stack="stack_mawar"><i class="fa fa-check"></i><span class="text-hidden">Accept</span></button>
                </div>
            </div>

        </div>

        <script src="http://localhost:8080/nchkkjxy/theame/js/dynamics.min.js"></script>
        <script src="http://localhost:8080/nchkkjxy/theame/js/createCard.js"></script>

    </body>
</html>